﻿@{
    ViewBag.Title = "Factura";
    Layout = null;
    //Layout = "~/Views/_LayoutPage1.cshtml";
}
    <link href="~/css/bootstrap.css" rel="stylesheet" />
    <link href="~/css/bootstrap.icon-large.min.css" rel="stylesheet" />
    <link href="~/css/custom-theme/jquery-ui-1.10.3.custom.css" rel="stylesheet" />    
    <link href="~/css/ui.jqgrid.css" rel="stylesheet" />
    <script src="~/js/jquery-1.9.1.js"></script>
    <script src="~/js/jquery-ui-1.10.3.custom.js"></script>    
    <script src="~/js/grid.locale-es.js"></script>
    <script src="~/js/jquery.jqGrid.min.js"></script>
    <script src="~/js/bootstrap.js"></script>
    <script src="~/js/restaurante.js"></script>
    

<script type="text/javascript">
    $(function () {
        fecha("#fecha","Factura");
        ventana("#dialogPedido", 480, 'auto', true, 'center');
        $('#btnPedido').click(function () {
            
            Pedido("@Url.Action("listados", "Comprobante")" + "?tipo=1&idmesa=0&idcliente=0", false);            
            $("#list_pedido").jqGrid('setGridWidth', 460);
            $("#btnmostrar").attr('disabled', false);
            $('#dialogPedido').dialog('open');
            return false;
        });

        $('#btnmostrar').click(function () {
            
            DetallePedido(false);
            return false;
        });


        $("#calcular").click(function () {
            var ids = $("#list_detalle_pedido").jqGrid('getDataIDs');
            var total = 0, monto = 0, subtotal = 0;
            for (var i = 0; i < ids.length; i++) {
                var cl = ids[i];
                var datos = $("#list_detalle_pedido").getRowData(cl);
                total += parseFloat(datos.importe);// pagar cliente
            }            
            subtotal = parseFloat(total / 1.18);
            igv = parseFloat(subtotal * 0.18);
            $("#guardar").attr('disabled', false);
            $("#total").val(total);
            $("#totaligv").val(igv);
            $("#subtotal").val(subtotal);
            return false;
        });

        /*var tipo_comprobante;
        function tipo_comp(){
            $("input[type='radio']").click(function () {
                if ($("input[type='radio']").is(':checked')) {
                    tipo_comprobante = $("input[type='radio']:checked").val();                    
                }
            });
            return tipo_comprobante;
        }*/
        
        $('#frmComprobante').submit(function (event) {
            
            event.preventDefault();
            oper = $("#oper").val();
            var json = {
                "idcomprobante": ($("#idcomprobante").val()) == "" ? "0" : $("#idcomprobante").val(),
                "idpedido": $("#idcabecerapedido").val(),
                "fecha": $("#fecha").val(),
                "total": $("#total").val(),
                "subtotal": $("#subtotal").val(),
                "totaligv": $("#totaligv").val(),
                "idmesa": $("#idmesa").val(),
                "idtipocomprobante": $("input[type='radio']:checked").val()                
            };
            var datos = JSON.stringify(json); //$.toJSON(json);
            var url = $(this).attr('action');
            $.ajax({
                type: "POST",
                url: url + "?oper=" + oper,
                data: datos,
                contentType: "application/json",
                dataType: "json",
                success: function (msg) {
                    $("#dialog-message").dialog({
                        modal: true,
                        buttons: {
                            Ok: function () {
                                $(this).dialog("close");
                            }
                        }
                    });
                    //alert(msg.mensaje);
                    /*actualizarGrid('<%= Url.Action("listados", "GestCompras",new { tipo=3,est=1}) %>', '#list_compras');*/
                }
            });
        });
    });

</script>

<form id="frmComprobante" action="@Url.Action("InUp_Comprobante", "Comprobante")" 
            class="form-inline" role="form" style="padding-bottom: 50px;">
    
    <div class="well" style="width:96%; height:900px">                
                <div class="form-horizontal control-group">
                    <label class="control-label">
                    </label>
                    <div class="controls">
                        <input type="hidden" id="oper" name="oper" value="add">
                        <input type="hidden" id="idcabecerapedido" name="idcabecerapedido">
                        <input type="hidden" id="idmesa" name="idmesa" />
                        <input type="hidden" id="idcliente" name="idcliente" />
                        <input type="hidden" id="idempleado" name="idempleado" />
                        <input type="hidden" id="idcomprobante" name="idcomprobante" />                        
                        <button type="button" id="btnPedido" class="btn btn-personalizado">Pedido</button>
                    </div>
                </div>
                
                <div class="form-horizontal control-group">
                    <label class="control-label">
                        Cliente:</label>
                    <div class="controls">
                        <input type="text" name="cliente" id="cliente" class="span4" required="required"/>
                    </div>
                </div>
                <div class="form-horizontal control-group">
                    <label class="control-label">
                        Ruc:</label>
                    <div class="controls">
                        <input type="text" name="ruc" id="ruc" class="span4" maxlength="11"required="required"/>
                    </div>
                </div>
                <div class="form-horizontal control-group">
                    <label class="control-label">
                        Mesa:</label>
                    <div class="controls">
                        <input type="text" name="mesa" id="mesa" class="span4" maxlength="3"required="required"/>
                    </div>
                </div>
                <div class="form-horizontal control-group">
                    <label class="control-label">
                        Fecha:</label>
                    <div class="controls">
                        <input type="text" name="fecha" id="fecha" class="span4" maxlength="10"required="required"/>
                    </div>
                </div>

                <div class="form-horizontal control-group">
                    <div style="border: 1px solid #E5E5E5; margin-left: 62px; margin-right: 62px; padding: 10px; border-radius: 6px; height: 25px;">
                        <div class="span2">
                            <input type="radio" name="tipo" value="1" checked>Factura
                        </div>
                        <div class="span2">
                            <input type="radio" name="tipo" value="2" >Boleta
                        </div>
                    </div>
                </div>
            
                <div class="form-horizontal control-group">
                    <div style="border: 1px solid #E5E5E5; margin-left: 62px; margin-right: 62px; padding: 10px; border-radius: 6px;">
                        <input type="button" id="btnmostrar" value="Mostrar Detalle" class="btn btn-personalizado" disabled="true" />
                        <input type="submit" id="guardar" value="Guardar" class="btn btn-personalizado" disabled="true"/>
                        <input type="button" id="calcular" value="Calcular" class="btn btn-personalizado" disabled="true" />                        
                    </div>
                </div>
        
                <div class="form-horizontal control-group">
                    <table id="list_detalle_pedido" class="table">
                    </table>
                    <div id="pager_detalle_pedido">
                    </div>
                </div>        

                <div class="form-horizontal control-group">
                    <label class="control-label">
                        Sub Total:</label>
                    <div class="controls">
                        <input type="text" name="subtotal" id="subtotal" class="span4" disabled="true"/>
                    </div>
                </div>
                <div class="form-horizontal control-group">
                    <label class="control-label">
                        Igv:</label>
                    <div class="controls">
                        <input type="text" name="totaligv" id="totaligv" class="span4" disabled="true"/>
                    </div>
                </div>
                <div class="form-horizontal control-group">
                    <label class="control-label">
                        Total:</label>
                    <div class="controls">
                        <input type="text" name="total" id="total" class="span4" disabled="true"/>
                    </div>
                </div>
                                     

            </div>

</form>
<div id="dialogPedido">
            <table id="list_pedido" class="table">
            </table>
            <div id="pager_pedido">
            </div>
</div>
<div id="dialog-message" title="Comprobante">
  <p>Datos Registrados</p>
</div>